.all_ios_header {
  position: relative;
  height: 0.4rem;
  background-color: @c_lordColor;
  width: 100%;
  z-index: 1;
}

//我的页面头部背景色
.my_top_bg {
  background-color: @c_lordColor;
}

// 我的页面下拉刷新背景色
.my ._v-container > ._v-content > .pull-to-refresh-layer {
  background: @c_lordColor;
  color: #fff !important;
}

.main {
  .item {
    .setFlex;
    .justify-content(space-between);
    .align-items(center);
  }
}

.tip {
  .setFlex;
  .justify-content(flex-start);
  .align-items(center);
  line-height: 0.6rem;
  padding: 0 0.38rem;
  font-size: 0.25rem;
  color: #BDBDBD;
}

.tips {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  .tip();
  .justify-content(center);
}

.btn {
  background: @c_buttonOkBgColor !important;
}

.btns {
  background: @c_btnColor !important;
}

.small_btn {
  font-size: 0.26rem;
  padding: 0.16rem 0.42rem;
  background-color: @c_btnColor;
  border-radius: 0.1rem;
  color: #fff;
}

.disabled {
  background: @c_buttonBgColor !important;
}

.buttonBR {
  border-radius: @c_buttonBR;
}

input::placeholder {
  font-size: 0.32rem;
  color: #dbdbdb;
  font-weight: 500;
}

.main_tab {
  position: absolute;
  left: 0;
  right: 0;
  top: 0.88rem;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.main_all {
  position: absolute;
  left: 0;
  right: 0;
  top: 0.88rem;
  bottom: 0;
  margin: auto;
  overflow: hidden;
}

.main_sroll {
  position: absolute;
  left: 0;
  right: 0;
  top: 0.88rem;
  bottom: 1.2rem;
  margin: auto;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.main_allScroll {
  position: absolute;
  left: 0;
  right: 0;
  top: 1.36rem;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.main_content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.main_bottom {
  width: 100%;
  height: 1.2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  padding: 0.08rem 0.3rem;
  button {
    width: 100%;
    height: 100%;
    background: @c_buttonOkBgColor;
    border: none;
    border-radius: @c_buttonBR;
  }
}

.lordfontColor {
  color: @c_lordColor;
  font-size: 0.36rem;

}

.businnessStatus {
  width: 1.1rem;
  height: 0.4rem;
  border-radius: 0.1rem;
  color: @c_lordColor;
  border: 1px solid @c_lordColor;
  font-size: 0.24rem;

  text-align: center;
  line-height: 0.4rem;
  &.active {
    color: #909090;
    border: 1px solid #909090;
  }
}

.on_b {
  width: 100%;
  padding: 0 0.55rem 0;

  button {
    width: 100%;
    font-size: 0.36rem;
    color: #fff;
    padding: 0.35rem 0 0.35rem;
  }

}

input.enter {
  text-align: right;
  font-size: 0.37rem;
  color: #222;
}

input.enter::-webkit-input-placeholder {
  text-align: right;
  font-size: 0.28rem;
  color: #ababab;
}

.no_coupon {
  width: 1.82rem;
  height: 1.2rem;
  background: url("../assets/img/coupon.png") no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.no_c {
  height: 100%;
  .setFlex;
  .flex-direction(column);
  .justify-content(center);
  .align-items(center);
}

.couponBackground {
  width: 2.54rem;
  height: 2.02rem;
  padding: 0.32rem 0;
  .setFlex;
  .flex-direction(column);
  .justify-content(space-between);
  .align-items(center);
  background: url("../assets/img/couponBackground.png") no-repeat;
  color: #fffeff;

  div {
    font-size: 0.4rem;
    line-height: 0.8rem;
    span {
      font-size: 0.96rem;
    }
  }
  span {
    font-size: 0.26rem;
  }
  &.active {
    background: #c2c2c2;
  }
}

.text {
  color: @c_lordColor;
}

.weui-textarea {
  background: #F8F8F8;
  font-size: 0.26rem;
}

.weui-textarea::-webkit-input-placeholder {
  font-size: 0.26rem;
  color: #BFBFBF;
}

.weui-cell.vux-x-textarea {
  background: #f8f8f8;
}

.downImg {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.1rem;
  border: 1px dashed #eeeeee;
  margin: 0.27rem 0 0 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 0.26rem;
  color: #acacac;
  position: relative;
  img {
    width: 100%;
    height: 100%;
    pointer-events: auto;
  }
  .delete {
    width: 0.43rem;
    height: 0.43rem;
    background-image: url("../assets/img/imgDelete.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
  }
}

.main_allScroll .r_c li div {
  background: #fff;
}

.main_allScroll .r_c li div.btn {
  background: @c_lordColor;
}

.verified {
  .vux-no-group-title {
    margin-top: 0;
    .weui-cell {
      padding: 0.44rem 0.30rem;
      font-size: 0.32rem;
      color: #222;
    }
  }
}

.mask {
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0.66rem;
}

.mask_t {
  background: rgba(0, 0, 0, 0.3);
  z-index: 99;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end;
}

.mask_t_b {
  width: 100%;
  height: 50%;
  overflow: hidden;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -500rem;
  transition: all ease .5s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.54rem 0 0.36rem;
  .mask_t_b_t {
    padding-left: 0.5rem;
    font-size: 0.36rem;
    color: #222;
  }
  .mask_t_b_c {
    padding: 0.3rem 0 0.12rem 0.5rem;
    flex: 1;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    .weui-cells:before {
      height: 0;
      border-top: 0;
    }
    .weui-cell {
      padding: 0 0.55rem 0 0;
      line-height: 1.34rem;
      font-size: 0.32rem;
      color: #222;
    }
    .li {
      padding-right: 0.56rem;
      border-bottom: 1px solid #efefef;
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-content: center;
      font-size: 0.32rem;
      color: #222;
      line-height: 1.34rem;
    }
  }
}

.mask_t_b.active {
  bottom: 0;
}

.mask_contentBox {
  width: 100%;
  height: 4.62rem;
  border-radius: 10px;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  &.hei {
    color: #333;
    .header {
      .title {
        color: #333;
      }
    }
  }
  .header {
    height: 0.82rem;
    border-bottom: 1px solid #efefef;
    .title {
      font-size: 0.30rem;
    }
  }
  .box {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.28rem 0 0.26rem;
  }
}

.mask_contentBox > .box {
  .b_t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 0 0.3rem 0 0.26rem;
    font-size: 0.26rem;
    color: #909090;
    div {
      width: 1.8rem;
      height: 0.64rem;
      border: 2px solid @c_lordColor;
      border-radius: 0.1rem;
      font-size: 0.26rem;
      color: @c_lordColor;
      line-height: 0.6rem;
      text-align: center;
      &.active {
        color: #909090;
        border: 2px solid #909090;
      }
    }
  }
  .b_c {
    padding: 0 0.28rem;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    li {
      flex: 1;
      height: 1.36rem;
      padding: 0 0.07rem 0;
      div {
        width: 100%;
        height: 100%;
        border-bottom: 1px solid #909090;
        color: #222;
        font-size: 0.4rem;
        line-height: 1.36rem;
        text-align: center;
      }
    }
  }
  .b_b {
    display: flex;
    justify-content: center;
    padding-top: 0.44rem;
    button {
      width: 3rem;
      height: 0.8rem;
      line-height: 0.8rem;
      color: #fff;
      font-size: 0.32rem;
    }
  }
}

.uploadImage {
  width: 100%;
  padding: 0 0.3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  li {
    width: 3.3rem;
    height: 2.06rem;
    background: #fff;
    border-radius: 0.1rem;
    overflow: hidden;
    position: relative;
    .box {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      align-content: center;
    }
    .box_s {
      width: 100%;
      height: 100%;
      background: #efefef;
    }
    img {
      width: 100%;
      height: 100%;
    }
    .img_b {
      width: 3.3rem;
      height: 0.5rem;
      background: rgba(34, 34, 34, 0.8);
      position: absolute;
      left: 0;
      bottom: 0;
      font-size: 0.24rem;
      color: #fff;

      text-align: center;
      line-height: 0.5rem;
    }
    span {
      margin-top: 0.22rem;
    }
  }
}

.line_box .vux-timeline-item-content {
  padding: 0 0 0.8rem 0.8rem;
}

.header_nav_box {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  .vux-tab-item {
    max-width: 1.1rem;
  }
}

.card_list {
  .weui-panel {
    img {
      height: 3.84rem;
    }
  }
}

.bannar_box {
  .vux-swiper {
    height: 3.55rem;
    .vux-swiper-item {
      p {
        display: none;
      }
    }
  }
}

.details_cont .vux-header .vux-header-left .left-arrow:before {
  border: 1px solid #222;
  border-width: 1px 0 0 1px;
}

.right_share {
  width: 0.44rem;
  height: 0.44rem;
  background: url('../assets/img/share_it.png') no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.back_hui_icon {
  width: 0.44rem;
  height: 0.44rem;
  background: url('../assets/img/back_hui_icon.png') no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.vux-swiper-desc {
  display: none;
  .details_cont {
    .vux-header {
      z-index: 10000;
      .vux-header-title {
        .vux-tab-warp {
          .vux-tab-container {
            .vux-tab {
              background: transparent;
            }
          }
        }
      }
    }
  }
}

.buying_btn {
  width: 100%;
  height: 0.8rem;
  text-align: center;

  font-size: 0.32rem;
  line-height: 0.8rem;
  color: #fff;
  background: @c_buttonHoverBgColor;
  border-radius: 0.1rem;
}

.buying_av_s {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  border: 1px solid @c_buttonHoverBgColor;
  margin-right: 0.3rem;
  position: relative;
  background: #f7f7f7;
  //overflow: hidden;
  img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  &.no {
    border: 2px dashed #e2e2e2;
  }
  &.active:after {
    content: '';
    display: block;
    width: 0.6rem;
    height: 0.3rem;
    background: url("../assets/img/chief.png");
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
  }
  &:last-child {
    margin: 0;
  }
  div {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    overflow: hidden;
    img {
      width: 100%;
      height: 100%;
    }
  }

}

//提交订单事X-humber样式
.main_c_b_s_o {
  .vux-no-group-title {
    margin-top: 0;
  }
  .weui-cell {
    padding: 0.34rem 0.3rem;
    p {
      font-size: 0.28rem;
      color: #101010;

    }
  }
  .vux-number-input {
    height: 0.52rem;
    font-size: 0.28rem;
    color: #101010;
  }
  .vux-number-selector {
    height: 0.52rem;
  }
}

//checkList样式
.main_s_o {
  .weui-cell {
    padding: 0.32rem 0.48rem 0.32rem 0.3rem;
  }
  p {
    font-size: 0.3rem;
    color: #141414;

  }

}

.main_c .main_c_info .item span.icon {
  position: absolute;
  left: 0.86rem;
  top: 0;
  transform: translateY(-0.3rem);
}

.title_left_infor .icon {
  position: absolute;
  right: -9px;
  top: -5px;
}

//  打开app悬浮
.share_alert {
  position: absolute;
  top: 44px;
  right: 0;
  background-color: #FF4200;
  font-size: 0.3rem;
  color: #fff;
  width: 2.2rem;
  height: 0.8rem;
  line-height: 0.8rem;
  z-index: 100;
  border-radius: 0.08rem 0 0 0.08rem;
  text-align: center;
  //box-shadow: 0 0 0.08rem #FF4200;
}

//  为你推荐
.Recommend {
  h5 {
    font-weight: normal;
    font-size: 0.28rem;
    color: #555555;
    line-height: 0.6rem;
    text-align: center;
    &:before, &:after {
      display: inline-block;
      content: '';
      width: 2.56rem;
      height: 0.02rem;
      background-color: #DCDCDC;
      margin-bottom: 0.08rem;
    }
    &:before {
      margin-right: 0.5rem;
    }
    &:after {
      margin-left: 0.5rem;
    }
  }
}

.modify_giveup {
  color: @c_buttonHoverBgColor;
  font-size: 0.24rem;
}

.shopCart {
  position: absolute;
  bottom: 1rem;
  right: .2rem;
  width: 1.04rem;
  height: 1.04rem;
  z-index: 99;
  img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .cartNumber {
    position: absolute;
    left: 0.62rem;
    top: 0.16rem;
  }
}